/*CSS Document 

Project Name:  Bootstrap 4 Fremwork HTML5 Template     
Version:  1.0

/*=================================================*/

@media screen and (max-width: 1479px) {
     .slide-text {
        top: 38%;
    }

    .slide-text .title-box h2 {
        font-size: 38px;
        line-height: 48px;
    }

    .slide-text .sub-title h4 {
        padding: 14px 16px;
        font-size: 14px;
    }

    .slide-text .btn-box .btn-theme {
        padding: 8px 20px;
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    /*Home Style Css*/

    .carousel-item .slide-image {
    }

    .slide-text {
        top: 39%;
    }

    .slide-text .sub-title h4 {
        font-size: 14px;
        padding: 14px 22px;
    }

    .slide-text .title-box h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 26px;
    }

    .slide-text .btn-box .btn-theme {
        font-size: 14px;
        padding: 8px 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /*Home Css Style*/

    .top-bar .social-icons ul li {
        margin-right: 11px;
    }

    /*Welcome Feature Css Style*/

    .welcome-feature .content h2 {
        font-size: 17px;
    }

    .welcome-feature .icon-box {
       line-height: 42px; 
    }

    /*Service Css Style*/

    .service-item.style-4 .content h3 {
        font-size: 19px;
    }

    /*Service Css Style Two*/

    .service-item.style-2 .content h5 {
        font-size: 19px;
        margin-bottom: 14px;
        padding-bottom: 16px;
    }

    .service-item.style-2 .content h5 .icon {
        font-size: 32px;
        margin-right: 12px;
    }

    /*Service Css Style Details*/

    .service-details-sidebar .service-list ul li a {
       font-size: 12px; 
    }

    .service-details-sidebar .download-box .download-item a {
        font-size: 12px;
    }

    /*Projects Css Style*/

    .projects-item.style-2 .text-bottom h4 {
        font-size: 17px;
        line-height: 28px;
    }

    /*About Features Css Style*/

    .about-features .thumb .about-video h4 {
        font-size: 18px;
    }

    /*About Features Css Style Two*/

    .about-features.style-2 .company-list.mr-50 {
        margin-right: 42px !important;
    }

    /*Contact Css Style*/

    .contact-text .contact-info .icon-box {
        border: none;
    }

}

@media (max-width: 991px) {

    /*Home Css Style Details*/

    .header .col-lg-10 {
        width: 54%;
    }

    .header .col-lg-2 {
        width: 46%;
    }

    /*Service Css Style Details*/

    .service-details-sidebar .contact-box {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*Section Title Css Style*/

    .section-title h2 {
        font-size: 38px;
    }

    .section-title h4 {
        font-size: 15px;
    }

    /*Welcome Feature Css Style*/

    .welcome-feature-section .col-md-4 {
        padding: 0;
    }

    .welcome-feature .content {
        margin-left: 12px;
    }

    .welcome-feature .content h2 {
        font-size: 17px;
        padding-left: 7px;
    }

    .welcome-feature .icon-box {
        display: none; 
    }

    /*Service Css Style*/

    .service-section4 .col-md-4 {
        padding: 0;
    }

    .service-item.style-4 {
        border-right: 1px solid #fff;
    }

    .service-item.style-4 .content h3 {
        font-size: 15px;
    }

    .service-item.style-4 .thumb .service-link-box a {
        font-size: 14px;
        padding: 6px 8px;
    }

    /*Content Divider Css Style*/
    .contact-divider .contact-item h3 {
        font-size: 28px;
    }

    .contact-divider .contact-btn-item h3 {
        font-size: 28px;
    }

     /*Company Section Css Start*/

    .about-features .content h1 {
        font-size: 34px;
        margin-bottom: 12px;
    }

    .about-features .content .company-list {
        margin-bottom: 20px;
    }

    .about-features .content .company-list.mr-50 {
        margin-right: 20px !important;
    }

   .about-features .content .company-list li {
        font-size: 14px;
    }

    .about-features .content .company-list li i {
        display: none;
    }

    .about-features .content .p-text {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 18px;
    }

    .about-features .content .company-funfact h2 {
        font-size: 36px;
    }

    .about-features .content .company-funfact h4 {
        font-size: 18px;
    }

    .about-features .thumb .about-video h4 {
       display: none;
    }

    .about-features .thumb .about-video .about-video-btn {
        font-size: 38px;
        left: 16px;
        line-height: 24px;
        transform: translateX(-50%);
    }

    .about-features .thumb .about-video .about-video-btn:before {
       display: none;
    }

    .about-features .thumb {
        margin-top: 86px;
    }
}

@media (max-width: 767px) {

    .navbar-light .navbar-toggler {
        border: none;
    }

    .archive .blog-section{padding-top:20px}

    /* about section */
    .about-features.style-2 .thumb-2 img{
        width:100%;
        padding-bottom: 70px;
    }
    .about-features.style-2 .thumb-2:after{
        bottom:70px;
    }

    /**/
    .header.header-style-2{margin-bottom:0;padding-bottom:45px}

    /* welcome section */
    .welcome-feature-section.style-2 .section-title h2:after{
        display:none;
    }
    .welcome-feature-section.style-2 .section-title h4{
        margin-left:25px;
    }
    .welcome-feature-section.style-2 .section-title h2{
        margin-left:15px;
        font-size: 35px;
        line-height: 45px;
    }
    /* testimonial section */
    .testimonials-post{
        padding:30px 34px 37px;
    }
    /*Content Divider Css Style*/

    .contact-divider .contact-item {
        text-align: center;
    }

    .contact-divider .contact-item h3 {
        font-size: 26px;
    }

    .contact-divider .contact-item p {
        margin-bottom: 10px;
    }

    .contact-divider .contact-btn-item {
        text-align: center;
    }


    .border-style-3::after {
        left: 190px !important;
    }

    .footer-item  {
        text-align: center;
    }

    .theme-sidebar .search-sidebar .search-box .form-group .form-control {
        width: 100%;
    }

    /*Home Css Style Details*/

    .header .col-lg-10 {
        width: 100%;
    }

    .header .col-lg-2 {
        width: 100%;
    }
    .header .navbar-nav{
        min-height:100vh
    }

    /*About Features*/

    .about-features .content .company-funfact .funfact-item {
        text-align: center;
        width:32%;
    }
    .about-features .content .company-funfact h2 {
        font-size: 32px;
    }
    .about-features .content .company-funfact h4{
        font-size: 14px;
    }

    .about-features .thumb .about-video {
        text-align: center;
    }

    .about-features .content .company-list li  {
        width:100%
    }
    
    .about-features .content h5 {
        margin-left: 33%;
        text-align: center;
    }
    
    .about-features .content h2 {
        text-align: center;
    }
    .about-features>.col-md-4{
        margin-bottom:20px
    }
    .about-features>.col-md-8+.col-md-4{
        margin-bottom:0
    }

    /*幻灯片*/
    .header-style-2+.slider-wrapper .slide-text{left:0;right:0;text-align:left;top:18%}
    .slide-text .title-box h2{font-size:24px;line-height:1.4}
    .slide-text .btn-box .btn-theme{font-size:14px;padding:8px 15px;font-weight:400;letter-spacing:1px}
    .slide-text .sub-title h4{font-size:14px;padding:10px 10px}

}

@media (min-width: 576px) and (max-width: 767px) {

    /*Welcome Feature Css Style*/

    .welcome-feature .content h2 {
        padding-left: 88px;
    }
}

@media (max-width: 576px) {
    .error-page h1 {
        font-size: 142px;
        line-height: 168px;
    }
}

@media (min-width: 481px) and (max-width: 575px) {
    /*Welcome Feature Css Style*/

    .welcome-feature .content h2 {
        padding-left: 88px;
    }
}

@media (max-width: 371px) {
    /*Section Title Css Style*/
        
    .section-title h2 {
        font-size: 34px;
    }

    /*Welcome Feature Css Style*/

    .welcome-feature .content h2 {
        font-size: 17px;
    }

    .welcome-feature .icon-box {
       line-height: 42px; 
    }
}

@media (max-width: 351px) {
    /*Service Css Style*/

    .service-item.style-4 .content h3 {
        font-size: 19px;
    }
}

@media (max-width: 349px) {
    .about-features .thumb .about-video h4 {
        display: none;
    }

    .about-features .thumb .about-video .about-video-btn:before {
        display: none;
    }

    .about-features .thumb .about-video .about-video-btn {
        position: relative;
        right: -82px;
        top: 8px;
    }
}

@media (max-width: 344px) {
    /*Service Css Style*/

    .service-item.style-4 .content h3 {
        font-size: 19px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .header.header-style-1 {
        background-color: #000;
    }

    .header.header-style-1 .menu-style.menu-style-1 .main-navigation {
        background-color: #000;
    }

    .top-bar {
        display: none;
    }

    .about-features .thumb .about-video .about-video-btn {
        left: 0;
        right: 0;
        margin: 0 auto;
    }


    .dropdown-buttons {
        display: none;
    }
}

@media (max-width: 320px) {

    .company-list  {
        margin-left: 0;
    }
    
    .about-features .content h5 {
        margin-left: 0;
        text-align: left;
    }
    
    .about-features .content h1 {
        text-align: left;
        font-size: 38px;
    }

    .about-features .content .company-funfact .funfact-item {
        text-align: left;
    }
}